<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function (){
	$(".para").toggle(
			function(){$("body").css("background-color","#FF0000");},
			function(){$("body").css("background-color","#00FF00");},
			function(){$("body").css("background-color","#0000FF");
				});
});


</script>
</head>
<body>
<p class="para" >click here toggle between background colors</p>

</body>

</html>